<!DOCTYPE html>
<html>
<head>
    <title>SOS List</title>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0-alpha.2/jquery.mobile-1.4.0-alpha.2.min.css">
    <link rel="stylesheet" href="/flyer.css">
    <style>
    body, .list{ margin:0; padding:0; bgcolor: silver;}
 <!--   tr:even{ bgcolor: silver; } -->
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.0-alpha.2/jquery.mobile-1.4.0-alpha.2.min.js"></script>
    <script>
//       $('tr:even').css('bgcolor', 'silver');
    </script>
</head>
<body>
    <div data-role="page">
    <div data-role="content">
	<div id="flyer">
		<div id="up">
			<div id="header">
			<span id="breed">우리 <%= data.name %> 찾습니다</span>
			사례금 <span id="reward"><%= data.cash %> 만원</span>
			</div>
		</div>
		<div id="mid">
		<img class="img" src="./files/<%= data.pid %>.jpg"/>
		<img class="img" src="./img/dog2.jpg"/>
		</div>
		<div id="down">
		<div id="whenwhere">
			<strong>
			<span id="when"><%= data.mt %>,</span><br/>
			<span id="where"><%= data.mp %>에서 실종</span>
			</strong>
		</div>
		<ul id="detail">
			<li>♡
			이름(<span id="dogname"><%= data.name %></span>), 
			</li>
		</ul>
		<div id="story"><%= data.ms %></div>
		<div id="bottom">
			<img src="./img/phone.png" style="width: 20px; height: 20px;"/>
			<span id="tel"><%= data.tel %></span>
		</div>
		</div>
	</div>
	</div>
		</div>
</body>
</html>